$(function () {
  // 定义layui中的正则验证方法
  const form = layui.form
  // 定义提示框方法
  const layer = layui.layer

  // 验证昵称
  form.verify ({
    nickname: function (value) {
      // 判断输入框的值是否大于6小于1如果是直接return
      if (value.length < 1 || value.length > 6) {
        return '昵称长度必须在1~6之间！！！'
      }
    }
  })

  // 封装初始化数据请求
  initUserInfo() 
  function initUserInfo() {
    $.ajax({
      type: 'GET',
      url: '/my/userinfo',
      success: function (res) {
        if (res.status !== 0) return layer.msg('获取用户信息失败')
        // 调用layui内置方法 form.val; 
        // 同时也需要在html结构中的form标签身上添加lay - filter属性
        form.val('formUserInfo',res.data)
      }
    })
  }

  // 重置表单
  $('#btnReset').on('click', function (e) {
    e.preventDefault()
    // 调用初始化函数
    initUserInfo() 
  })

  // 立即提交
  $('#formUserIfon').on('submit', function (e) {
    e.preventDefault()

    // 获取表单数据
    const data = $(this).serialize()

    $.ajax({
      type: 'POST',
      url: '/my/userinfo',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)  
          // 子页面跳转父页面中封装好的函数
          // (父页面不能写入口函数，如果有入口函数，就会形成闭包，导致函数不能被调用)
        window.parent.getUserInfo()
      }
    })
  })
})